{extend name="base"}
{block name="content"}
<link rel="stylesheet" href="/static/merchant/pc/css/store_set.css">
<div class="main_div">
                        <div class="ty_box ty_box_w1">
                            <div class="d_ty_head">
                                <b class="e_d_t_title">添加卡密<span>Add Card</span></b>
                            </div>
                            <div class="basic_ty_div">
                                <form id="ajaxform" class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data" onsubmit="return beforeSubmit()">
                                <ul class="u_i_set">
                                    <li class="clear">
                                        <div class="u_s_title">
                                            商品名称
                                        </div>
                                        <div class="u_s_val">
                                            <select name="goods_id" class="u_s_v1">
                                                {foreach $goodsList as $v}
                                                <option value="{$v.id|htmlentities}" {if $Think.get.goods_id==$v.id}selected{/if}>{$v.name}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </li>
                                    <li class="clear">
                                        <div class="u_s_title">
                                            插入方式
                                        </div>
                                        <div class="u_s_val add_type">
                                            <div class="c_div c_check" data-type="0">
                                                <label style="cursor: pointer"><input type="radio" name="order_type" style="display: none" value="1" checked=""><div class="c_d_yuan"></div>顺序插入</label>
                                            </div>
                                            <div class="c_div" data-type="1">
                                                <label style="cursor: pointer"><input type="radio" name="order_type" style="display: none" value="2"><div class="c_d_yuan"></div>随机插入</label>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="clear">
                                        <div class="u_s_title">
                                            导入方式
                                        </div>
                                        <div class="u_s_val add_type">
                                            <div class="c_div c_check" data-type="0">
                                                <label style="cursor: pointer"><input type="radio" name="import_type" style="display: none" value="1" checked=""><div class="c_d_yuan"></div>手动输入</label>
                                            </div>
                                            <div class="c_div" data-type="1">
                                                <label style="cursor: pointer"><input type="radio" name="import_type" style="display: none" value="2"><div class="c_d_yuan"></div>TXT文件导入</label>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="clear">
                                        <div class="u_s_title">
                                            导入格式
                                        </div>
                                        <div class="u_s_val">
                                            <select name="split_type" class="u_s_v1">

                                                <option value="0">自动识别</option>

                                                <option value=" ">用“ ”分隔</option>

                                                <option value=",">用“,”分隔</option>

                                                <option value="|">用“|”分隔</option>

                                                <option value="----">用“----”分隔</option>

                                                <option value="">不分隔</option>

                                            </select>
                                        </div>
                                    </li>
                                    <li class="clear">
                                        <div class="u_s_title">
                                            格式演示
                                        </div>
                                        <div class="u_s_val">
                                                <p class="form-control-static">AAAAAAAAAAA<span class="card_split" style="color:red"> </span>BBBBBBBBBBBB</p>

                                        </div>
                                    </li>
                                    <li class="km_content clear">
                                        <div class="u_s_title">
                                            虚拟卡内容
                                        </div>
                                        <div class="u_s_val">
                                            <textarea name="content" placeholder="" class="u_s_v1" rows="5"></textarea>
                                        </div>
                                    </li>
                        
                                    <li class="km_addText clear" style="display: none;">
                                        <div class="u_s_title">
                                            虚拟卡内容
                                        </div>
                                        <div class="u_s_val">
                                            <a href="javascript:;" class="add_file"><i class="iconfont icon-upload"></i>点击这里上传&nbsp;&nbsp;(最大2MB)</a>
                                            <input type="file" accept="text/plain" onchange="handleInputChangeText(this)" class="inputFile dropify" name="file">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="u_s_title">
                                            检查重复
                                        </div>
                                        <div class="u_s_val">
                                            <div class="c_div">
                                                <label style="cursor: pointer"><input type="radio" name="check_card" style="display: none" value="1"><div class="c_d_yuan"></div>是</label>
                                            </div>
                                            <div class="c_div c_check">
                                                <label style="cursor: pointer"><input type="radio" name="check_card" style="display: none" value="0" checked=""><div class="c_d_yuan"></div>否</label>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="u_s_title">&nbsp;</div>
                                        <div class="u_s_val">
                                            <button type="submit" class="btn_save">执行导入</button>
                                        </div>
                                    </li>
                                </ul>
                                </form>
                            </div>
                        </div>
                        <div class=" ty_box_w2">
                            <dl>
                                <dt><i class="iconfont icon-prompt"></i><span>注意事项</span></dt>
                                <dd>1.格式：卡号+空格+密码，一行一张卡</dd>
                                <dd>2.输入框添加卡密最多一次添加2000张(2000行)</dd>
                                <dd>3.TXT文件上传最多支持2MB</dd>
                            </dl>
                        </div>
                    </div>
<script>
        $(function(){
            $('.add_file').click(function(){
                $($('.inputFile')[0]).val('');
                $('.inputFile')[0].click();
            });
            $(".test_body").addClass("add_km");
            $('[name="import_type"]').change(function () {

                    var type = $(this).val();

                    $('.km_content').hide();

                    $('.km_addText').hide();
                    if(type==1){
                       $('.km_content').fadeIn();
                    }else{
                       $('.km_addText').fadeIn();
                    }

                });

                $('[name="split_type"]').change(function () {

                    var type = $(this).val();

                    $('.card_split').text(type);

                });
            

            $('.u_s_val .c_div').click(function(){
                if(!$(this).hasClass('c_check')){
                    $(this).addClass('c_check').siblings('.c_div').removeClass('c_check');
                }
                //选择上传方式
                
                //选择隔断格式，
                // setKmFormat();
            });

                $('.dropify').dropify({

                    messages: {

                        'default': '拖拽文件至此或点击上传文件',

                        'replace': '拖拽文件至此或点击上传文件',

                        'remove': '取消',

                        'error': '文件大小不能超出100KB'

                    },

                    error: {

                        'fileSize': '文件大小不能超出100KB'

                    }

                });



                var canSubmit = true;



                function beforeSubmit() {

                    if (canSubmit) {

                        canSubmit = false;

                        return true;

                    } else {

                        layer.msg('服务器开小差了，请刷新重试');

                        return false;

                    }

                }
                    })
            function handleInputChangeText(event){
        var files = event.files;
            console.log(event.files);
            // 获取当前选中的文件
            var file = event.files[0];
            var imgMasSize = 1024 * 1024 * 2; // 2MB
             // 文件大小限制
            if(file.size > imgMasSize ) {
                // 文件大小自定义限制
               tyMsgOne({str: '文件过大，请重新选择！'});
                return;
            }
            $('.add_file').text(file.name);
    }
        function submitform() {
                $("#ajaxform").submit();
        }
         
    </script>
{/block}